<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>抽奖活动</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="${resources}/css/lottery/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/lottery/index.css" rel="stylesheet" type="text/css">
	<#include "forbiddenwxshare.ftl"/>
    
</head>
<body>
<div id="container">
    <img class="bg" src="${resources}/images/lottery/img/1.jpg">
    <div class="rank">
        <img id="dial" src="${resources}/images/lottery/img/1_3.png">
        <img id="btn" src="${resources}/images/lottery/img/1_4.png">
    </div>
    <div id="recordButton" style ="position: absolute;width: 80%; top: 71%;left: 10%;">
    	<img style="width:100%;display:block;" src = "${resources}/images/lottery/img/record.png">
    </div>
    <div id="num">抽奖次数：<span id="number">${total}</span>次</div>
    <!--中奖者-->
  <!--   <!<div class="t">获奖名单：</div>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">Slide 1</div>
            <div class="swiper-slide">Slide 2</div>
            <div class="swiper-slide">Slide 3</div>
        </div>
    </div> -->
</div>
<!--弹框-->
<input type="hidden" id="path" value="${path}/manage/lottery/start/1?activityid=${activity.id}">
<div class="mask"></div>
<div class="alert1">
    <img class="con" src="${resources}/images/lottery/img/3_1.png">
    <div id="title">标题</div>
    <div id="content">内容</div>
    <img class="close" src="${resources}/images/lottery/img/3_2.png">
</div>
<div class="alert2">
    <img class="con" src="${resources}/images/lottery/img/3_1.png">
    <div id="title2">中奖了</div>
    <form>
        <div class="formRow">
            <label for="name">姓名：</label>
            <input type="text" id="name">
        </div>
        <div class="phone">
            <label for="phone">电话：</label>
            <input type="text" id="phone">
        </div>
    </form>
    <img class="close" src="${resources}/images/lottery/img/3_2.png">
</div>

<div id="attention" style="display: none">
    <img src="${resources}/images/lottery/img/5_1.jpg">
</div>
<script src="${resources}/scripts/lottery/jquery-2.2.2.min.js"></script>
<script src="${resources}/scripts/lottery/swiper.jquery.min.js"></script>
<script src="${resources}/scripts/lottery/common.js"></script>
<script src="${resources}/scripts/lottery/index.js"></script>
<script type="text/javascript">
$(function(){
	$("#recordButton").on("click",function(){
		window.location.href="${path}/manage/member/lotteryRecord";
	})
});
</script>
</body>
</html>